<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>光大银行BDAP平台问题查询系统</title>

    <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.1/css/bootstrap-theme.min.css">
    <script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
    <style>
        body {
            width: 100%;
            height: 100%;
            margin: 0;
            overflow: hidden;
            background-color: #FFFFFF;
            font-family: "Microsoft YaHei", sans-serif;
        }
        .pageSidebar{
            width: 180px;
            height:100%;
            padding-bottom: 30px;
            overflow: auto;
            background-color: #e3e3e3;
        }
        .splitter {
            width: 5px;
            height: 100%;
            bottom: 0;
            left: 180px;
            position: absolute;
            overflow: hidden;
            background-color: #fff;
        }
        .pageContent{
            height: 100%;
            min-width: 768px;
            left: 180px;
            top: 0;
            right: 0;
            z-index: 3;
            padding-bottom: 30px;
            position: absolute;
        }
        .pageContainer{
            bottom: 0;
            left:0;
            right: 0;
            top: 53px;
            overflow: auto;
            position: absolute;
            width: 100%;
        }
        .footer {
            width: 100%;
            height: 30px;
            line-height: 30px;
            margin-top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            position: absolute;
            z-index: 10;
            background-color:#DFDFDF;
        }
    </style>
</head>

<body class="bs-docs-home">
<!--顶部导航栏部分-->
<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" title="logoTitle" href="#">光大银行BDAP平台问题查询系统首页</a>
        </div>
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li role="presentation">
                    <a href="#">当前用户：<span class="badge" sec:authentication="name" sec:authorize="isAuthenticated()"/></a>
                </li>
                <li sec:authorize="!isAuthenticated()">
                    <a th:href="@{/tologin}">
                        <span class="glyphicon glyphicon-home"></span>登录</a>
                </li>
                <li sec:authorize="isAuthenticated()">
                    <a th:href="@{/logout}">
                        <span class="glyphicon glyphicon-lock"></span>退出登录</a>
                </li>
            </ul>
        </div>
    </div>
</nav>
<!-- 中间主体内容部分 -->
<div class="pageContainer">
    <!-- 左侧导航栏 -->
    <div class="pageSidebar">
        <ul class="nav nav-stacked nav-pills">
            <li role="presentation">
                <a th:href="@{/vip1}" target="mainFrame" >问题查询</a>
            </li>
            <li role="presentation">
                <a th:href="@{/vip2}" target="mainFrame">问题提交</a>
            </li>
            <li role="presentation" sec:authorize="hasRole('vip4')">
                <a th:href="@{/vip4}" target="mainFrame">问题解决</a>
            </li>
            <li role="presentation">
                <a th:href="@{/vip3}" target="mainFrame">平台监控</a>
            </li>
        </ul>
    </div>
    <!-- 左侧导航和正文内容的分隔线 -->
    <div class="splitter"></div>
    <!-- 正文内容部分 -->
    <div class="pageContent" sec:authorize="!isAuthenticated()">
        <iframe th:src="@{/message}" id="Frame" name="Frame" frameborder="0" width="100%"  height="100%"></iframe>
    </div>
    <div class="pageContent" sec:authorize="isAuthenticated()">
        <iframe th:src="@{/vip1}" id="mainFrame" name="mainFrame" frameborder="0" width="100%"  height="100%"></iframe>
    </div>
</div>
<!-- 底部页脚部分 -->
<div class="footer">
    <p class="text-center">
        2021 &copy; ZIJIANLIU.
    </p>
</div>
</body>
</html>